<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
        <title><?php echo $title_for_layout; ?></title>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Google Font: Open Sans -->
        <?php echo $this->Html->css("http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic"); ?>
        <?php echo $this->Html->css("http://fonts.googleapis.com/css?family=Oswald:400,300,700"); ?>

        <!-- Font Awesome CSS -->
        <?php echo $this->Html->css("/css/font-awesome.min.css"); ?>

        <!-- Bootstrap CSS -->
        <?php echo $this->Html->css("/css/bootstrap.min.css"); ?>

        <!-- App CSS -->
        <?php echo $this->Html->css("/css/admin.css"); ?>
        <?php echo $this->Html->css("/css/mvpready-admin.css"); ?>
        <?php echo $this->Html->css("/css/mvpready-flat.css"); ?>
        <!-- <link href="./custom.css" rel="stylesheet">-->

        <!-- Favicon -->
        <link rel="shortcut icon" href="favicon.ico">

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <script>
            var request = {};
            request.url = <?php echo json_encode($this->Html->url('/', true)); ?>;
            request.params = <?php echo json_encode($this->request->params); ?>;
        </script>
    </head>

    <body class=" ">

        <div id="wrapper">

            <header class="navbar navbar-inverse" role="banner" style="padding: 10px;">

                <div class="container-fluid">

                    <div class="navbar-header">
                        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <i class="fa fa-cog"></i>
                        </button>

                        <a href="index.html" class="navbar-brand navbar-brand-img">
                            <?php echo $this->Html->image('/img/logo.png', array('alt' => 'Agência Voxel')); ?>
                        </a>
                    </div> <!-- /.navbar-header -->


                    <nav class="collapse navbar-collapse" role="navigation">

                        <!--ul class="nav navbar-nav noticebar navbar-left">

                            <li class="dropdown">
                                <a href="page-notifications.html" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-bell"></i>
                                    <span class="navbar-visible-collapsed">&nbsp;Notifications&nbsp;</span>
                                    <span class="badge badge-primary">3</span>
                                </a>

                                <ul class="dropdown-menu noticebar-menu noticebar-hoverable" role="menu">
                                    <li class="nav-header">
                                        <div class="pull-left">
                                            Notifications
                                        </div>

                                        <div class="pull-right">
                                            <a href="javascript:;">Mark as Read</a>
                                        </div>
                                    </li>

                                    <li>
                                        <a href="page-notifications.html" class="noticebar-item">
                                            <span class="noticebar-item-image">
                                                <i class="fa fa-cloud-upload text-success"></i>
                                            </span>
                                            <span class="noticebar-item-body">
                                                <strong class="noticebar-item-title">Templates Synced</strong>
                                                <span class="noticebar-item-text">20 Templates have been synced to the Mashon Demo instance.</span>
                                                <span class="noticebar-item-time"><i class="fa fa-clock-o"></i> 12 minutes ago</span>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="page-notifications.html" class="noticebar-item">
                                            <span class="noticebar-item-image">
                                                <i class="fa fa-ban text-danger"></i>
                                            </span>
                                            <span class="noticebar-item-body">
                                                <strong class="noticebar-item-title">Sync Error</strong>
                                                <span class="noticebar-item-text">5 Designs have been failed to be synced to the Mashon Demo instance.</span>
                                                <span class="noticebar-item-time"><i class="fa fa-clock-o"></i> 20 minutes ago</span>
                                            </span>
                                        </a>
                                    </li>

                                    <li class="noticebar-menu-view-all">
                                        <a href="page-notifications.html">View All Notifications</a>
                                    </li>
                                </ul>
                            </li>



                            <li class="dropdown">
                                <a href="page-notifications.html" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-envelope"></i>
                                    <span class="navbar-visible-collapsed">&nbsp;Messages&nbsp;</span>
                                </a>

                                <ul class="dropdown-menu noticebar-menu noticebar-hoverable" role="menu">                
                                    <li class="nav-header">
                                        <div class="pull-left">
                                            Messages
                                        </div>

                                        <div class="pull-right">
                                            <a href="javascript:;">New Message</a>
                                        </div>
                                    </li>

                                    <li>
                                        <a href="page-notifications.html" class="noticebar-item">
                                            <span class="noticebar-item-image">
                                                <img src="img/avatars/avatar-1-md.jpg" style="width: 50px" alt="">
                                            </span>

                                            <span class="noticebar-item-body">
                                                <strong class="noticebar-item-title">New Message</strong>
                                                <span class="noticebar-item-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit...</span>
                                                <span class="noticebar-item-time"><i class="fa fa-clock-o"></i> 20 minutes ago</span>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="page-notifications.html" class="noticebar-item">
                                            <span class="noticebar-item-image">
                                                <img src="img/avatars/avatar-2-md.jpg" style="width: 50px" alt="">
                                            </span>

                                            <span class="noticebar-item-body">
                                                <strong class="noticebar-item-title">New Message</strong>
                                                <span class="noticebar-item-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit...</span>
                                                <span class="noticebar-item-time"><i class="fa fa-clock-o"></i> 5 hours ago</span>
                                            </span>
                                        </a>
                                    </li>

                                    <li class="noticebar-menu-view-all">
                                        <a href="page-notifications.html">View All Messages</a>
                                    </li>
                                </ul>
                            </li>

                            <li class="dropdown">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-exclamation-triangle"></i>
                                    <span class="navbar-visible-collapsed">&nbsp;Alerts&nbsp;</span>
                                </a>

                                <ul class="dropdown-menu noticebar-menu noticebar-hoverable" role="menu">                
                                    <li class="nav-header">
                                        <div class="pull-left">
                                            Alerts
                                        </div>
                                    </li>

                                    <li class="noticebar-empty">                  
                                        <h4 class="noticebar-empty-title">No alerts here.</h4>
                                        <p class="noticebar-empty-text">Check out what other makers are doing on Explore!</p>                
                                    </li>
                                </ul>
                            </li>

                        </ul-->



                        <ul class="nav navbar-nav navbar-right">    

                            <!--li>
                                <a href="javsacript:;">About</a>
                            </li-->    

                            <!--li>
                                <a href="javascript:;">Resources</a>
                            </li-->    

                            <li class="dropdown navbar-profile">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                                    <i class="fa fa-user"></i>
                                    <span class="navbar-profile-label">rod@rod.me &nbsp;</span>
                                    <i class="fa fa-caret-down"></i>
                                </a>
                                <ul class="dropdown-menu" role="menu">
                                    <li>
                                        <a href="<?php echo $this->Html->url('/admin/users/view/' . $this->Session->read('Auth.User.id')); ?>">
                                            <i class="fa fa-user"></i> 
                                            &nbsp;&nbsp;<?php echo __('My Profile'); ?>
                                        </a>
                                    </li>
                                    <li><?php echo $this->Html->link(__('Users'), array('controller' => 'users', 'action' => 'index', 'admin' => true)); ?></li>
                                    <li><?php echo $this->Html->link(__('User Add'), array('controller' => 'users', 'action' => 'add', 'admin' => true)); ?></li>
                                    <li class="divider"></li>
                                    <li><?php echo $this->Html->link(__('Logout'), array('controller' => 'users', 'action' => 'logout', 'admin' => false)); ?></li>
                                </ul>

                            </li>

                        </ul>

                    </nav>

                </div> <!-- /.container-fluid -->

            </header>


            <div class="mainnav">

                <div class="container-fluid">

                    <a class="mainnav-toggle" data-toggle="collapse" data-target=".mainnav-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <i class="fa fa-bars"></i>
                    </a>

                    <nav class="collapse mainnav-collapse" role="navigation">
                        <ul class="mainnav-menu">

                            <li class="dropdown active">
                                <a href="index.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                                    <?php echo __('Clients'); ?>
                                    <i class="mainnav-caret"></i>
                                </a>

                                <ul class="dropdown-menu" role="menu">
                                    <li><?php echo $this->Html->link(__('Clients'), array('controller' => 'clients', 'action' => 'index', 'admin' => true)); ?></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="index.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                                    <?php echo __('Catalogs'); ?>
                                    <i class="mainnav-caret"></i>
                                </a>

                                <ul class="dropdown-menu" role="menu">
                                    <li><?php echo $this->Html->link(__('Brands'), array('controller' => 'brands', 'action' => 'index', 'admin' => true)); ?></li>
                                    <li><?php echo $this->Html->link(__('Categories'), array('controller' => 'categories', 'action' => 'index', 'admin' => true)); ?></li>
                                    <li><?php echo $this->Html->link(__('Tags'), array('controller' => 'tags', 'action' => 'index', 'admin' => true)); ?></li>
                                    <li><?php echo $this->Html->link(__('Products'), array('controller' => 'products', 'action' => 'index', 'admin' => true)); ?></li>
                                    <li><?php echo $this->Html->link(__('Product Mods'), array('controller' => 'productmods', 'action' => 'index', 'admin' => true)); ?></li>
                                </ul>
                            </li>


                            <li class="dropdown ">

                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                                    <?php echo __('Sales'); ?>
                                    <i class="mainnav-caret"></i>					
                                </a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><?php echo $this->Html->link(__('Orders'), array('controller' => 'orders', 'action' => 'index', 'admin' => true)); ?></li>
                                    <li><?php echo $this->Html->link(__('Orders Items'), array('controller' => 'order_items', 'action' => 'index', 'admin' => true)); ?></li>
                                    <li><?php echo $this->Html->link(__('Shopping Carts'), array('controller' => 'carts', 'action' => 'index', 'admin' => true)); ?></li>		  
                                </ul>
                            </li>
                        </ul>

                    </nav>

                </div> <!-- /.container-fluid -->

            </div> <!-- /.mainnav -->

            <div class="content">
                <div class="container-fluid">

                    <div class="col-xs-12 col-md-6">
                        <h1><?php echo $title_for_layout; ?></h1>
                    </div>
                    <div class="col-xs-12 col-md-6 text-right">
                        <?php echo $this->Html->getAcoes(); ?>
                    </div>
                    <div class="clearfix"></div>
                    <?php echo $this->Html->getCrumbList(array('class' => "breadcrumb")); ?>
                    <div class="clearfix"></div>
                    <?php echo $this->Session->flash(); ?>
                    <div class="clearfix"></div>
                    <?php echo $this->fetch('content'); ?>
                    <div class="clearfix"></div>
                </div>

            </div> <!-- .content -->

        </div> <!-- /#wrapper -->

        <footer class="footer">
            <div class="container-fluid">
                <p class="pull-left">Copyright &copy; 2014 Agência Voxel.</p>
            </div>
        </footer>


        <!-- Bootstrap core JavaScript
        ================================================== -->
        <?php echo $this->fetch('css'); ?>
        <!-- Core JS -->
        <?php echo $this->Html->script('/js/libs/jquery-1.10.2.min.js'); ?>
        <?php echo $this->Html->script('/js/libs/bootstrap.min.js'); ?>

        <!--[if lt IE 9]>
        <?php echo $this->Html->script('/js/js/libs/excanvas.compiled.js'); ?>
        <![endif]-->

        <!-- App JS -->
        <?php echo $this->Html->script('/js/mvpready-core.js'); ?>
        <?php echo $this->Html->script('/js/mvpready-admin.js'); ?>
        <?php echo $this->Html->script('/js/admin.js'); ?>

        <?php echo $this->fetch('script'); ?>
        <?php echo $this->element('sql_dump'); ?>
    </body>
</html>